body,html{height:100%;-webkit-tap-highlight-color:transparent}
body{overflow-x:hidden;background-color:#fbf9fe}
.container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.container>div{background-color:#fbf9fe}
.head-hd{
    background: #f3f3f3;
    width: 100%;
    padding: 10px 0 ;
    text-align: center;
}
.page_title{text-align:center;font-size:34px;color:#3cc51f;font-weight:400;margin:0 15%}
.page_desc{text-align:center;color:#888;font-size:14px}
.bd.spacing{padding:0 15px}
.home{padding-bottom:30px}
.button .page_title{color:#225fba}
.button .bd{padding:0 15px}
.button .button_sp_area{padding:10px 0;width:60%;margin:0 auto;text-align:justify;text-justify:distribute-all-lines;font-size:0}
.button .button_sp_area:after{display:inline-block;width:100%;height:0;font-size:0;margin:0;padding:0;overflow:hidden;content:"."}
.cell .page_title{color:#225fba}
.cell .bd{padding-bottom:30px}
.dialog .bd,.toast .bd{padding:120px 15px 0}
.msg{background-color:#fff}
.panel .bd{padding-bottom:20px}
.article{background-color:#fff}
.article .page_title{color:#de7c23}
.icons{background-color:#fff;text-align:center}
.icons .page_title{color:#3e24bd}
.icons .bd{padding:30px 0;text-align:center}
.icons .icon_sp_area{padding:10px 20px;text-align:left}
.icons i{margin:0 5px 10px}
.tabbar{height:100%}
.search_show{display:none;margin-top:0;font-size:14px}
.search_show .weui_cell_bd{padding:2px 0 2px 20px;color:#666}
.icon{display:inline-block;width:48px;height:48px;vertical-align:middle}
.icon_button{background:url(../images/icon_nav_button.png) no-repeat;background-size:48px 48px}
.icon_cell{background:url(../images/icon_nav_cell.png) no-repeat;background-size:48px 48px}
.icon_toast{background:url(../images/icon_nav_toast.png) no-repeat;background-size:48px 48px}
.icon_dialog{background:url(../images/icon_nav_dialog.png) no-repeat;background-size:48px 48px}
.icon_progress{background:url(../images/icon_nav_progress.png) no-repeat;background-size:48px 48px}
.icon_msg{background:url(../images/icon_nav_msg.png) no-repeat;background-size:48px 48px}
.icon_article{background:url(../images/icon_nav_article.png) no-repeat;background-size:48px 48px}
.icon_actionSheet{background:url(../images/icon_nav_actionSheet.png) no-repeat;background-size:48px 48px}
.icon_icons{background:url(../images/icon_nav_icons.png) no-repeat;background-size:48px 48px}
.icon_panel{background:url(../images/icon_nav_panel.png) no-repeat;background-size:48px 48px}
.icon_tab{background:url(../images/icon_nav_tab.png) no-repeat;background-size:48px 48px}
.icon_search_bar{background:url(../images/icon_nav_search_bar.png) no-repeat;background-size:48px 48px}
.icon_03{background:url(../images/icon/flat-social-media-icon-set_03.png) no-repeat;background-size:48px 48px}
.icon_05{background:url(../images/icon/flat-social-media-icon-set_05.png) no-repeat;background-size:48px 48px}
.icon_07{background:url(../images/icon/flat-social-media-icon-set_07.png) no-repeat;background-size:48px 48px}
.icon_10{background:url(../images/icon/flat-social-media-icon-set_10.png) no-repeat;background-size:48px 48px}
.icon_12{background:url(../images/icon/flat-social-media-icon-set_12.png) no-repeat;background-size:48px 48px}
.icon_19{background:url(../images/icon/flat-social-media-icon-set_19.png) no-repeat;background-size:48px 48px}
.icon_22{background:url(../images/icon/flat-social-media-icon-set_22.png) no-repeat;background-size:48px 48px}
.icon_33{background:url(../images/icon/flat-social-media-icon-set_33.png) no-repeat;background-size:48px 48px}
.icon_43{background:url(../images/icon/flat-social-media-icon-set_43.png) no-repeat;background-size:48px 48px}
.icon_62{background:url(../images/icon/flat-social-media-icon-set_62.png) no-repeat;background-size:48px 48px}
.icon_69{background:url(../images/icon/flat-social-media-icon-set_69.png) no-repeat;background-size:48px 48px}
.icon_73{background:url(../images/icon/flat-social-media-icon-set_73.png) no-repeat;background-size:48px 48px}
.icon_75{background:url(../images/icon/flat-social-media-icon-set_75.png) no-repeat;background-size:48px 48px}
.icon_76{background:url(../images/icon/flat-social-media-icon-set_76.png) no-repeat;background-size:48px 48px}
.icon_77{background:url(../images/icon/flat-social-media-icon-set_77.png) no-repeat;background-size:48px 48px}
.icon_78{background:url(../images/icon/flat-social-media-icon-set_78.png) no-repeat;background-size:48px 48px}
.icon_79{background:url(../images/icon/flat-social-media-icon-set_79.png) no-repeat;background-size:48px 48px}
@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
.enter,.leave{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.enter{-webkit-animation:a .2s forwards;animation:a .2s forwards}
.leave{-webkit-animation:b .25s forwards;animation:b .25s forwards}

.bolus{	
	display:inline-block;
	min-width:20px;	max-width:90%; 
	height:20px;	
	border-radius:50%;
	font-size:12px;
	line-height:20px;
	font-weight:bold;	
	text-overflow:ellipsis;
	text-align:center;	
	text-shadow:0 -1px 0 rgba(64,0,0,.6);
}
.bolus.red{
	background-color:#f00;
	color:#fff;
}
.bolus.gray{
	background-color:#ccc;
	color:#fff;
}
.bolus.orange{
	background-color:#ffa850;
	color:#fff;
}
.bolus.orange.pos-li{
	margin-right:5px
}
.bolus.gray.pos-li{
	margin-right:5px
}
.bolus.red.pos-rt{
	margin-left:35px;
	position:absolute;	
}
.weui_media_profile_thumb {
  width: 100%;
  max-height: 100%;
  vertical-align: top;
  border-radius:999px 999px 999px 999px;
}
.weui_media_detail_profile_thumb {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius:9px 9px 9px 9px;
}
.weui_panel_showmore {
  
}

.weui_rulegrids {
  position: relative;
  overflow: hidden;
}
.weui_rulegrids:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.weui_rulegrid {
  position: relative;
  float: left;
  /*padding: 20px 10px;*/
  padding: 15px 10px;
  width: 50%;
  box-sizing: border-box;
}
.weui_rulegrid:before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

weui_rulegrid:nth-child(4n):before {
  border-right-width: 0;
}

.weui_rulegrid:active {
  background-color: #E4E4E4;
}
.weui_rulegrid_icon {
  width: 126px;
  height: 166px;
  margin: 0 auto;
  background:url(../images/rules_bg.png) no-repeat;
  background-size:126px 166px 
}
.weui_rulegrid_icon p {
	padding-top: 32px;
	width: 92%;
	margin: 0 auto;
	font-size: 0.9em;
	color: #54af31
}
.weui_rulegrid_icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.weui_rulegrid_icon + .weui_rulegrid_label {
  margin-top: 5px;
}
.weui_rulegrid_label {
  display: block;
  text-align: center;
  color: #000;
  font-size: 14px;
}


.swiper-container{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;z-index:1;width:100%}
.swiper-container .swiper-wrapper li{float:left;list-style: none;}
.swiper-container .swiper-wrapper li img{width:100%;height:100%; display:none;}
.swiper-container .swiper-pagination{position:absolute;right:0px;bottom:0;width:100%;background:rgba(0, 0, 0, 0.6);height:20%;text-align: right;}
.swiper-container .swiper-pagination span{width:2.8%;height:34%;margin-top:2.6%;margin-right:2%;border-radius:50%;background:#797979;display:inline-block;}
.swiper-container .swiper-pagination span.swiper-active-switch{background:#fff;}
.swiper-container .banner-title{position:absolute;left:3%;bottom:3.6%;color:#fff;font-size:1.6em;z-index:100;}